<!--
 * @Author       : tongzonghua
 * @Date         : 2020-10-27 14:50:57
 * @LastEditors  : tongzonghua
 * @LastEditTime : 2020-10-27 15:15:55
 * @Email        : tongzonghua@360.cn
 * @Description  : 
 * @FilePath     : /cli/aframe-boilerplate/2.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-event-set-component@3.0.3/dist/aframe-event-set-component.min.js"></script>
  <script src="./components/cursorListener.js"></script>
</head>

<body>
  <a-scene>
    <!-- <a-entity cursor="fuse: true; fuseTimeout: 500" position="0 0 -1"
      geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03" material="color: black; shader: flat">
    </a-entity>
    <a-entity id="box" cursor-listener geometry="primitive: box" material="color: yellow" position="0 0 -2"></a-entity> -->
    <a-box position="0 5 -10" geometry="primitive:box" color="blue"
      event-set__enter="_event: mouseenter; color: red; material.wireframe: true"
      event-set__down="_event: mousedown; color: blue; material.wireframe: true"></a-box>
    <a-camera>
      <a-cursor></a-cursor>
    </a-camera>
  </a-scene>
</body>

</html>